<nz-layout>
    <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="null">
        <div class="logo">Angular培训Demo</div>
        <ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed">
            <li nz-submenu nzTitle="路由设置">
                <ul>
                    <li nz-menu-item [routerLink]="['/routerAbout']">路由跳转</li>
                    <li nz-menu-item [routerLink]="['/routerAbout']">路由传参</li>
                    <li nz-menu-item [routerLink]="['/routerAbout']">隐藏Url路由变动</li>
                </ul>
            </li>
            <li nz-submenu nzTitle="常用指令">
                <ul>
                    <li nz-menu-item [routerLink]="['/templategrammar/binding']" >绑定方式</li>
                    <li nz-menu-item [routerLink]="['/templategrammar/ngfor']">指令:ngFor</li>
                    <li nz-menu-item [routerLink]="['/templategrammar/ngif']">指令:ngIf</li>
                    <li nz-menu-item [routerLink]="['/templategrammar/ngclass']">指令:ngClass</li>
                    <li nz-menu-item [routerLink]="['/templategrammar/ngstyle']">指令:ngStyle</li>
                    <li nz-menu-item [routerLink]="['/templategrammar/ngswitch']">指令:ngSwitch</li>
                    <li nz-menu-item [routerLink]="['/templategrammar/ngtemplate']">其他:ng-template</li>
                    <li nz-menu-item [routerLink]="['/templategrammar/ngcontainer']">其他:ng-container</li>
                    <li nz-menu-item [routerLink]="['/templategrammar/ngcontent']">其他:ng-content</li>
                </ul>
            </li>
            <li nz-submenu nzTitle="HttpDemo">
                <ul>
                    <li nz-menu-item [routerLink]="['/httpModel/http']">请求接口demo</li>
                    <li nz-menu-item [routerLink]="['/httpModel/indexdb']">IndexDb</li>
                </ul>
            </li>
        </ul>
    </nz-sider>
    <nz-layout>
        <nz-header>
            <nz-breadcrumb [nzAutoGenerate]="true"></nz-breadcrumb>
        </nz-header>
        <nz-content>
            <router-outlet></router-outlet>
        </nz-content>
        <nz-footer>MyProjectTest ©2020 By Angular</nz-footer>
    </nz-layout>
</nz-layout>